﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wap/Shop/ShopSite.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ZLCMS.Web.Wap.Shop.Default" %>
<%@ Register src="Footer.ascx" tagname="Footer" tagprefix="uc1" %>
<%@ Register src="UC_ShopNavBar.ascx" tagname="UC_ShopNavBar" tagprefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>V.生活商城-中秋专栏</title>
    <link href="/wap/lib/bxslider/jquery.bxslider.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/wap/lib/bxslider/jquery.bxslider.js"></script>
    <script type="text/javascript" src="/wap/lib/iscroll-5/iscroll.js"></script>
    
    <style type="text/css">
        .ui-content { overflow: hidden; }
        
        /** s nav **/
        .DefaultMooncake #wrapper_nav { position: relative; height: 40px; }
        .DefaultMooncake .nav .items { overflow: hidden; background-color: #ebd3b1; }
        .DefaultMooncake .nav .items + div { display: none; }
        .DefaultMooncake .nav .items li { float: left; width: 72px; height: 40px; line-height: 40px; text-align: center; }
        .DefaultMooncake .nav .items li.active a { background-color: #c8996b; color: #ebd3b1; }
        .DefaultMooncake .nav .items li a { font-size: 14px; background-color: #ebd3b1; color: #c8996b; display: block; font-weight: normal; }
        
        @media(min-width:900px){
            .DefaultMooncake #wrapper_nav { position: relative; height: 80px; }
            .DefaultMooncake .nav .items li { float: left; width: 144px; height: 80px; line-height: 80px; text-align: center; }
            .DefaultMooncake .nav .items li a { font-size: 28px; }
        }
        /** e nav **/
        
        /** s banner **/
        .DefaultMooncake #banner img { width: 100%; vertical-align: top; }
        /** e banner **/
        
        *{ text-shadow:none; box-sizing: initial;}
        .bx-wrapper .bx-viewport { left: 0 !important;}
        .bx-viewport { border: none !important; height: auto; }
        .bx-wrapper img { width: 100%;}
        .countDown li span{background-color: #ff5d72}
        .countDown li span::before {content: none;}
        .bx-wrapper {margin:0 auto;}        
        .storedefault .actboxContainer .actbox {float: left; padding: 0.5%; width: 49%;}
        .storedefault .classify ul li{width: 20%; margin-top: 10px;}
        .storedefault .classify ul li div img{width: 60%;}
        
        .xiaovstyle3 ul li p.xvdesc{color:#f9384d;}
        
	#nav li{ border-left:1px solid #ddd;box-sizing: border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom:1px solid #ddd;}
	#nav li:nth-child(1){ border-left:none;}
	#navFixed .ui-navbar ul li a{ line-height: 24px;}
	#navFixed .ui-navbar ul li a.ui-btn-active{ color:#f9384d; border-bottom-color:#f9384d;}
	
	#wrapper ul+div { display: none; }
    </style>
    <script src="/wap/lib/jquery-countdown/dist/jquery.countdown.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="pages" runat="server">
    <!--S page -->
    <div data-role="page" id="mypage" class="DefaultMooncake">
	    <!--S header -->
	    <div data-role="header" data-tap-toggle="false">
            <div class="nav">
                <div id="wrapper_nav">
                    <ul class="items">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">特惠有礼</a></li>
                        <li><a href="#">家庭精选</a></li>
                        <li><a href="#">健康有机</a></li>
                        <li><a href="#">老家杂粮</a></li>
                        <li><a href="#">配方养生</a></li>
                        <li><a href="#">儿童优选</a></li>
                    </ul>
                </div>
            </div>
	    </div>
        <!--E header -->
	    <!--S content -->
	    <div role="main" class="ui-content storedefault">
        


            <div id="banner" style=" box-sizing:initial">
                <img src="/wap/shop/images/DefaultMooncake/YMbanner.jpg" />
            </div>




                
            
            <div class="dayfavorable">
                <h5><span style="color:#f9384d; font-size:16px">小V</span>新品</h5>
                <div id="wrapper" style="position: relative; height: 162px;">
                    <ul>
                        <li><a data-ajax="false" href="/Wap/Shop/ProductDetail.aspx?no=072103120101"><img src="http://gdtvimg.weixinmvp.com/Upload/Home/hot_16072601.jpg"></a><p class="dayfavorable_title" style="text-align: center;">榴莲冰心月饼</p></li>
                        <li><a data-ajax="false" href="/Wap/Shop/ProductDetail.aspx?no=072303126501"><img src="http://gdtvimg.weixinmvp.com/Upload/Home/new_16072301.jpg"></a><p class="dayfavorable_title" style="text-align: center;">一夜埕淡咸南鲳鱼</p></li>
                        <li><a data-ajax="false" href="/Wap/Shop/productlist.aspx?keyword=澳洲"><img src="http://gdtvimg.weixinmvp.com/Upload/Home/new_16070201.jpg"></a><p class="dayfavorable_title" style="text-align: center;">澳洲进口牛肉</p></li>
                        <li><a data-ajax="false" href="/Wap/Shop/ProductDetail.aspx?no=072203123301"><img src="http://gdtvimg.weixinmvp.com/res/gdtvimg/20160722/4c6ba3777b1248e6be2f1bea8bf35fff.jpg.thumb.jpg"></a><p class="dayfavorable_title" style="text-align: center;">家用烘焙电烤箱</p></li>
                    </ul>
                </div>
            </div>
                    
            <div class="dayhot">
                <h5><span style="color:#f9384d; font-size:16px">小V</span>热卖</h5>
<%--                <div style="text-align: center; margin: 5px 0px;"><img src="http://gdtvimg.weixinmvp.com/Upload/kits/xv_02.png" style="height: 34px;" /></div>--%>
                <ul class="hotproductlist">
                </ul>
            </div>
            
            <div class="storeBanner" style="position: relative; margin-top: 10px;">
                <a href="DocView.aspx?uid=264" data-ajax="false"><img src="tmpimg/pgsw.jpg" />
                <div style="position: absolute; top: 15px; right: 28px; color: #fff;">                    
                    <ul class="countDown">
                        <li><span id="apple_sw">-</span><span id="apple_w">-</span><span id="apple_q">-</span><span id="apple_b">-</span><span id="apple_s">-</span><span id="apple_g">-</span></li>
                    </ul>      
                </div>
                <div style="position: absolute; top: 25px; right: 10px; color: #fff; font-size: 12px;">
                元         
                </div>
                </a>
            </div>

 	    </div>
        <!--E content -->
	
        <!--S footer -->
	    <%--<div data-role="footer" data-position="fixed" data-tap-toggle="false">
         <uc1:Footer ID="Footer1" runat="server" MenuId="D" />  
        </div>--%>
        <!--E footer -->
    </div>
    <!--E page -->
    
<%--    <script src="js/clamp.min.js"></script>--%>

<script src="/wap/lib/common/loaderHandler.js" type="text/javascript"></script>

<script type="text/javascript">
    
    $(function () {
        $("#wrapper .items li").bind("click", function () {
            $(this).addClass("active").siblings().removeClass("active");
        })

        $("#wrapper ul").width($("#wrapper ul li").length * $("#wrapper ul li").width() + 12 * $("#wrapper ul li").length);

        setTimeout(function () {
            var Scroll = new iScroll('wrapper', {
                fadeScrollbars: false,
                scrollY: false
            });

            var Scroll_nav = new iScroll('wrapper_nav', {
                fadeScrollbars: false,
                scrollY: false
            });
        }, 500)
        var $nav_list = $(".items li");

        $(".items").width($nav_list.width() * $nav_list.length);
    });
</script>
</asp:Content>
